<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../../common/js/vue.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="../../common/js/md5.js"></script>
    <script src="../../common/request/request.js"></script>
    <link rel="stylesheet" href="./login_css/loginphone.css">
    <script src="./login_js/loginphone.js"></script>
</head>

<body>
    <div id="indexbox">
        <div class="login">
            <div class="login-center">
                <!--登录信息输入-->
                <div class="login-input">
                    <div class="login-input-user">
                        <span>姓名</span>
                        <input type="text" v-model="name" placeholder="请输入姓名">
                    </div>
                    <div class="login-input-user">
                        <span>密码</span>
                        <input type="password" v-model="passwordO" placeholder="请输入密码">
                    </div>
                    <div class="login-input-user">
                        <span>确认密码</span>
                        <input type="password" v-model="password" placeholder="请输入确认密码">
                    </div>
                    <div class="login-input-pass">
                        <span class="title">手机号</span>
                        <input type="text" v-model="username" placeholder="请输入手机号">
                        <span class="login-input-text">+86</span>
                    </div>
                    <div class="login-input-pass">
                        <span class="title">验证码</span>
                        <input type="text" v-model="verifyCode" placeholder="请输入验证码">
                        <span v-show="show" @click="getCode" class="login-input-span">获取验证码</span>
                        <span v-show="!show" class="login-input-count">重新发送({{count}})</span>
                    </div>
                    <p :class="corname==0?'act':''"><img src="../../common/images/cuowu.png" alt=""> 请输入姓名！</p>
                    <p :class="corpsd==0?'act':''"><img src="../../common/images/cuowu.png" alt=""> 请输入密码！</p>
                    <p :class="corpsdlen==0?'act':''"><img src="../../common/images/cuowu.png" alt=""> 密码限制为6-12位！</p>
                    <p :class="corpsdd==0?'act':''"><img src="../../common/images/cuowu.png" alt=""> 请输入确认密码密码！</p>
                    <p :class="corpsdpsd==0?'act':''"><img src="../../common/images/cuowu.png" alt=""> 两次密码输入不一致！</p>
                    <p :class="cortel==0?'act':''"><img src="../../common/images/cuowu.png" alt=""> 请输入正确的手机号！</p>
                    <p :class="coryzm==0?'act':''"><img src="../../common/images/cuowu.png" alt=""> 请输入正确的验证码！</p>
                    <div class="login-input-bt" @click="registered">
                        <span>立即注册</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>